#reg_log{
	margin:5em auto;
	background:#fff;
	border:8px solid #eee;
	width:500px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 10px #4e707c;
	-webkit-box-shadow:0 0 10px #4e707c;
	box-shadow:0 0 10px #4e707c;
	text-align:left;
	position:relative;
}
#reg_log a, #reg_log a:visited{
	color:#0283b2;
}
#reg_log a:hover{
	color:#111;
}
#reg_log h1{
	background:#343234;
	color:#fff;
	font-size:14px;
	padding:18px 23px;
	margin:0 0 1.5em 0;
	border-bottom:1px solid #007dab;
	font-weight:normal;
	line-height:1.1em;
}

#reg_log .reg_log{
	position:absolute;
	float:left;
	margin:0;
	line-height:30px;
	top:-40px;
	right:0;
	font-size:11px;
	}
#reg_log p{
	margin:.5em 25px;
}
#reg_log div.formrow{
	margin:.5em 25px;
	background:#eee;
	padding:4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:right;
	position:relative;
}

#reg_log label{
	float:left;
	line-height:30px;
	padding-left:10px;
}

#reg_log .field{
	border:1px solid #ccc;
	width:280px;
	font-size:12px;
	line-height:1em;
	padding:4px;
}

#reg_log .field:focus {
	-moz-box-shadow:inset 0 0 5px #0092C8;
	-webkit-box-shadow:inset 0 0 5px #0092C8;
	box-shadow:0 0 5px #0092C8;
}

#reg_log div.submit{
	background:none;
	margin:1em 25px;
	text-align:center;
}	

#reg_log div.submit label{
	float:none;
	display:inline;
	font-size:11px;
}

#reg_log .forgot{
	text-align:right;
	font-size:11px;
}
#reg_log .back{
	padding:1em 0;
	border-top:1px solid #eee;
	text-align:right;
	font-size:11px;
}

#reg_log .error{
	float:left;
	position:absolute;
	left:95%;
	top:-5px;
	background:#890000;
	padding:5px 10px;	
	font-size:11px;
	color:#fff;
	text-shadow:#500 0 1px 0;
	text-align:left;
	white-space:nowrap;
	border:1px solid #500;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 0 5px #700;
	-webkit-box-shadow:0 0 5px #700;
	box-shadow:0 0 5px #700;
}

#reg_log .password_strength{
	width:389px;
	margin:auto;
}

#reg_log #progressbar {
	width:388px;
	height:48px;
	display:block;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	overflow:hidden;
}

#reg_log #progress {
	display:block;
	height:100px;
	width:0%;
}

#reg_log .progressbarStrong {
	background-color:green;
	background-image: -o-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
  background-image: -moz-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
  background-image: -webkit-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
  background-image: -ms-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
  background-image: linear-gradient(-90deg, #8AD702 0%, #389100 100%);
}

#reg_log .progressbarNormal {
	background-color:orange;
	background-image: -o-linear-gradient(-90deg, #FFCC33 0%, #997300 100%);
  	background-image: -moz-linear-gradient(-90deg, #FFCC33 0%, #997300 100%);
  	background-image: -webkit-linear-gradient(-90deg, #FFCC33 0%, #997300 100%);
  	background-image: -ms-linear-gradient(-90deg, #FFCC33 0%, #997300 100%);
  	background-image: linear-gradient(-90deg, #FFCC33 0%, #997300 100%);
}

#reg_log .progressbarWeak {
	background-color:red;
	background-image: -o-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
  	background-image: -moz-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
  	background-image: -webkit-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
  	background-image: -ms-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
  	background-image: linear-gradient(-90deg, #F94046 0%, #92080B 100%);
}

#reg_log #status {
	height:150px;
	width:388px;
	border:1px solid #ccc;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#reg_log #complexityLabel {
	width:100%;
	text-align:center;
	margin-top:10px;
	font-size:20px;
	line-height:30px;
}

#reg_log #complexity {
	width:100%;
	text-align:center;
	font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight:bold;
	font-size:70px;
	line-height:80px;
	margin-top:10px;
}
